<template>
	<div class="game-containe">
		<el-table
			v-loading="loading"
			element-loading-spinner="el-icon-loading"
			border
			size="mini"
			class="small-size-table"
			:data="tableData"
		>
			<el-table-column
				prop="eventId"
				align="center"
				label="账变订单号"
				min-width="300px"
			>
				<template slot-scope="scope">
					{{ scope.row.eventId || '-' }}
				</template>
			</el-table-column>
			<el-table-column
				prop="userName"
				align="center"
				label="会员账号"
				min-width="150px"
			>
				<template slot-scope="scope">
					{{ scope.row.userName || '-' }}
				</template>
			</el-table-column>
			<el-table-column
				prop="merchantName"
				align="center"
				label="所属商户"
				min-width="150px"
			>
				<template slot-scope="scope">
					{{ scope.row.merchantName || '-' }}
				</template>
			</el-table-column>
			<el-table-column
				prop="topProxyName"
				align="center"
				label="总代账号"
				min-width="150px"
			>
				<template slot-scope="scope">
					{{ scope.row.topProxyName || '-' }}
				</template>
			</el-table-column>
			<el-table-column
				prop="parentProxyName"
				align="center"
				label="上级代理"
				min-width="150px"
			>
				<template slot-scope="scope">
					{{ scope.row.parentProxyName || '-' }}
				</template>
			</el-table-column>
			<el-table-column
				prop="windControlName"
				align="center"
				label="风控层级"
				min-width="150px"
			>
				<template slot-scope="scope">
					{{ scope.row.windControlName || '-' }}
				</template>
			</el-table-column>
			<el-table-column
				prop="businessModel"
				align="center"
				label="业务模式"
				min-width="150px"
			>
				<template slot-scope="scope">
					{{ mappingBusinessModel(scope.row.businessModel) || '-' }}
				</template>
			</el-table-column>
			<el-table-column
				prop="accountLockStatus"
				align="center"
				label="账号状态"
				min-width="150px"
			>
				<template slot-scope="scope">
					{{
						scope.row.accountLockStatus === 0
							? '未锁定'
							: '充提锁定'
					}}
				</template>
			</el-table-column>
			<el-table-column
				prop="walletTypeStr"
				align="center"
				label="钱包类型"
				min-width="150px"
			>
				<template slot-scope="scope">
					{{ scope.row.walletTypeStr || '-' }}
				</template>
			</el-table-column>
			<el-table-column
				prop="bizTypeStr"
				align="center"
				label="业务类型"
				min-width="150px"
			>
				<template slot-scope="scope">
					{{ scope.row.bizTypeStr || '-' }}
				</template>
			</el-table-column>
			<el-table-column
				prop="changeTypeStr"
				align="center"
				label="账变类型"
				min-width="150px"
			>
				<template slot-scope="scope">
					{{ scope.row.changeTypeStr || '-' }}
				</template>
			</el-table-column>
			<el-table-column
				prop="transTypeStr"
				align="center"
				label="收支类型"
				min-width="150px"
			>
				<template slot-scope="scope">
					{{ scope.row.transTypeStr || '-' }}
				</template>
			</el-table-column>
			<el-table-column
				prop="changeBefore"
				align="center"
				label="账变前余额"
				min-width="150px"
			>
				<template slot-scope="scope">
					{{ handleNumber('USDT', scope.row.changeBefore) }}
				</template>
			</el-table-column>
			<el-table-column
				prop="amount"
				align="center"
				label="账变金额"
				min-width="150px"
			>
				<template slot-scope="scope">
					<div :style="handleNumberColor(scope.row.amount)">
						{{
							handleNumber(
								'USDT',
								scope.row.amount,
								2,
								true,
								true
							)
						}}
					</div>
				</template>
			</el-table-column>
			<el-table-column
				prop="changeAfter"
				align="center"
				label="账变后余额"
				min-width="150px"
			>
				<template slot-scope="scope">
					{{ handleNumber('USDT', scope.row.changeAfter) }}
				</template>
			</el-table-column>
			<el-table-column
				prop="createdAt"
				align="center"
				label="账变时间"
				min-width="170px"
			>
				<template slot-scope="scope">
					{{ scope.row.createdAt || '-' }}
				</template>
			</el-table-column>
			<el-table-column
				prop="remark"
				align="center"
				label="备注"
				min-width="150px"
			>
				<template slot-scope="scope">
					{{ scope.row.remark || '-' }}
				</template>
			</el-table-column>
		</el-table>
	</div>
</template>

 <script>
import dayjs from 'dayjs'
import list from '@/mixins/list'
export default {
  name: 'AbnormalBetsTable',
  mixins: [list],
  props: {
    tableData: {
      type: Array,
      default: []
    }
  },
  data() {
    return {
      parentBetTypes: {},
      parentBetSubTypes: {},
      visible: false
    }
  },
  computed: {
    dayjs() {
      return dayjs
    }
  }
}
 </script>
